<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/cart.css">
</head>
<body>
   <header></header>
    <main>
        <div class="w">
            <div class="cart-warp">
                <h3>购物清单</h3>
                <div class="props">
                    <div class="title-left"><span>商品信息</span></div>
                    <div class="title-right">
                        <span>单价</span>
                        <span>数量</span>
                        <span>小计</span>
                        <span>操作</span>
                    </div>
                </div>
                <h3 class='empty-cart'>购物车里啥也没有</h3>
                <ul class="shop-list" id='shopListWarp'>
                   
                </ul>
                <script type='text/html' id='ShopList'>
                    {{each ShopList item}}
                        <li data-id='{{item.id}}'>
                            <div class="checked">
                                <input type="checkbox" class='checkActive' {{item.checked?'checked' : ''}}>
                            </div>
                            <div class="item-left">
                                <div class="item">
                                    <a href="/html/shopinfo.html?id={{item.id}}">
                                        <img src="{{item.image}}">
                                    </a>
                                    <div class="des">
                                        <a href="javascript:;">{{item.title.slice(0,8)}}...</a>
                                        <p>{{item.couponStatus}}</p>
                                    </div>
                                </div>
                            </div>
                            <div class="item-right">
                                <div class="onePrice">￥{{item.price.toFixed(2)}}</div>
                                <div class="count">
                                    <i class='decriment disable'>-</i>
                                    <i class='num'>{{item.count}}</i>
                                    <i class='increment'>+</i>
                                </div>
                                <div class="price">
                                    <span>￥{{(item.price*item.count).toFixed(2)}}</span>
                                </div>
                                <div class="clear"><a class='delOneClassShop'>X</a></div>
                            </div>
                        </li>
                    {{/each}}

                </script>
                <div class="checkedInfo">
                    <div class="left">
                        <input type="checkbox" id='checkAll'> <label for="checkAll">全选</label>|<span class="delChecked">删除选中商品</span>
                    </div>
                    <div class="right">
                        <div class="num">
                            <h3>已选择<span></span>件商品</h3>
                            <h4>共计<span></span>件商品</h4>
                        </div>
                        <div class="price">
                            <h3>应付总额:<span></span></h3>
                            <h4>应付总额不含运费</h4>
                        </div>
                        <button id='maybeShowPay'>现在结算</button>
                    </div>
                </div>
            </div>
            <div class="tuijian">
                <h3>相关推荐</h3>
                <ul class="listContent" id="tuijian_shopList_warp">
                    
                </ul>
                <script type='text/html' id='tuijian_shopList'>
                    {{each tuijianList item}}
                        <li data-id={{item.id}}>
                            {{if item.couponValue}}
                              <span class="huodong">{{item.couponValue}}</span>
                            {{/if}}
                            <a href="">
                                <img src="{{item.image}}">
                            </a>
                            <div class="title">{{item.title}}</div>
                            <p>{{item.queTitle}}</p>
                            <div class="style">
                                <span>添加成功</span>
                                <button class='add-to-cart'>加入购物车</button>
                            </div>
                            <div class="price">￥<span>{{item.price}}</span><i>{{item.orginPrice}}</i></div>
                        </li>
                    {{/each}}
                </script>
            </div>
        </div>
    </main>
    <footer></footer>
    <div class="delShop">
        <div>
            <h3>are you crazy?</h3>
            <div class="choose">
                <h3 class='refalse'>取消</h3>
                <h3 class='sure'>确认</h3>
            </div>
        </div>
    </div>
</body>
<script src="/libs/require/require.min.js" data-main="/js/cart/cart"></script>
</html>